﻿{% extends "gma/base.html" %}
{% load static %}
{% load mytag %}

<!-- CONTENT
  =====================================================================-->

{% block content %}

<div class="page__hd">
    <h1 class="page__title"> <img class="page_icon" src="{{ channel.icon }}" /> </h1>
    <p class="page__desc"> {{ app.name }}: {{ channel.name }} </p>
</div>

<div class="page__bd">
    <div class="weui-cells__title"> <i class="fa fa-info-circle"></i> 基本信息 </div>
    <div class="weui-cells">
        <div class="weui-cell">
            <div class="weui-cell__bd"> <p> 渠道名 </p> </div>
            <div class="weui-cell__ft">{{ channel.name }}</div>
        </div>

        <div class="weui-cell">
            <div class="weui-cell__bd"> <p> 上架时间 </p> </div>
            <div class="weui-cell__ft"> {{ create_time|date:"Y-m-d H:i:s" }}</div>
        </div>
    </div>

    <div class="weui-cells__title"> <i class="fa fa-users"></i> 用户信息 </div>
    <div class="weui-cells">
        <a class="weui-cell weui-cell_access" href="{% url 'gma:new_user_chart_in_channel_detail' channel.code %}">
            <div class="weui-cell__bd"> <p> 累计注册用户数 </p> </div>
            <div class="weui-cell__ft green_color"> <strong>{{ total_user_count|tbs }}</strong> </div>
        </a>

        <div class="weui-cell">
            <div class="weui-cell__bd"> <p> 累计注册主播数 </p> </div>
            <div class="weui-cell__ft"> {{ total_caster_count|tbs }} </div>
        </div>

        <div class="weui-cell">
            <div class="weui-cell__bd"> <p> 付费用户数 </p> </div>
            <div class="weui-cell__ft"> {{ paid_user_count|tbs }} </div>
        </div>

        <div class="weui-cell">
            <div class="weui-cell__bd"> <p> 复充用户数 </p> </div>
            <div class="weui-cell__ft"> {{ repaid_user_count|tbs }} </div>
        </div>
    </div>

    <div class="weui-cells__title"> <i class="fa fa-money-bill-alt"></i> 充值信息 </div>
    <div class="weui-cells">
        <a class="weui-cell weui-cell_access" href="{% url 'gma:pay_chart_in_channel_detail' channel.code %}">
            <div class="weui-cell__bd"> <p> 累计充值金额 </p> </div>
            <div class="weui-cell__ft green_color"> <strong>￥ {{ paid_amount|tbs }} </strong> </div>
        </a>

        <div class="weui-cell">
            <div class="weui-cell__bd"> <p> 付费渗透率 </p> </div>
            <div class="weui-cell__ft"> {{ pur }}% </div>
        </div>

        <div class="weui-cell">
            <div class="weui-cell__bd"> <p> 复充率 </p> </div>
            <div class="weui-cell__ft"> {{ rpur }}% </div>
        </div>

        <div class="weui-cell">
            <div class="weui-cell__bd"> <p> ARPU </p> </div>
            <div class="weui-cell__ft"> ￥{{ arpu }} </div>
        </div>

        <div class="weui-cell">
            <div class="weui-cell__bd"> <p> ARPPU </p> </div>
            <div class="weui-cell__ft"> ￥{{ arppu }} </div>
        </div>

        <div class="weui-cell">
            <div class="weui-cell__bd"> <p> ￥30充值比率 </p> </div>
            <div class="weui-cell__ft"> {{ pr30 }}% </div>
        </div>

        <div class="weui-cell">
            <div class="weui-cell__bd"> <p> ￥98充值比率 </p> </div>
            <div class="weui-cell__ft"> {{ pr98 }}% </div>
        </div>

        <div class="weui-cell">
            <div class="weui-cell__bd"> <p> ￥298充值比率 </p> </div>
            <div class="weui-cell__ft"> {{ pr298 }}% </div>
        </div>

        <div class="weui-cell">
            <div class="weui-cell__bd"> <p> ￥588充值比率 </p> </div>
            <div class="weui-cell__ft"> {{ pr588 }}% </div>
        </div>

        <div class="weui-cell">
            <div class="weui-cell__bd"> <p> ￥1388充值比率 </p> </div>
            <div class="weui-cell__ft"> {{ pr1388 }}% </div>
        </div>
    </div>
</div>

<div class="page__ft">
    <a href="{% url 'gma:home' %}">
        <span class="bottom-logo">
           HiBao
       </span>
    </a>
</div>

{% endblock content %}


<!-- SCRIPT
  =====================================================================-->

{% block extra_js %}
{% endblock extra_js %}
